<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="../css/regist.css">
	<title>注册</title>
</head>

<body>
	<div>
		<header>
			<div class="header-box container">
				<div class="logo">
					<a href="javascript:;">
						<img src="../img/p2.gif" alt="" style="margin-top:20px">
					</a>
				</div>
				<div class="login">
					如已注册，点此&nbsp;&nbsp;<a href="../html/login.html">登录</a>
				</div>
			</div>

		</header>
		<section>
			<div class="container section-box">
				<div class="section-top">
					新用户注册
				</div>
				<div class="section-content">
					<ul>
						<li>
							<input class="yonghuming" type="text" placeholder="用户名">
							<em></em>
						</li>
						<li class="ul-text" >
							<i></i>
							<span id="yz1">用户名长度不能少于 3 个字符。</span>
						</li>
						<li>
							<input class="youxiang" type="text" placeholder="email">
							<em></em>
						</li>
						<li class="ul-text">
							<i></i>
							<span id="yz2">邮件地址不能为空</span>
						</li>
						<li>
							<input class="mima" type="text" placeholder="密码">
							<em></em>
						</li>
						<li class="ul-text">
							<i></i>
							<span id="yz3">登录密码不能少于 6 个字符。</span>
						</li>
						<li>
							<input class="againmima" type="text" placeholder="确认密码">
							<em></em>
						</li>
						<li class="ul-text">
							<i></i>
							<span id="yz4">两次输入的密码不一致。</span>
						</li>
						<li>
							<input class="mobileNum" type="text" placeholder="手机">
						</li>
						<li class="ul-text"></li>
						<select class="question">
							<option value="">请选择密码提示问题</option>
							<option value="我最好朋友的生日？">我最好朋友的生日？</option>
							<option value="我儿时居住地的地址？">我儿时居住地的地址？</option>
							<option value="我的座右铭是？">我的座右铭是？</option>
							<option value="我最喜爱的电影？">我最喜爱的电影？</option>
							<option value="我最喜爱的歌曲？">我最喜爱的歌曲？</option>
							<option value="我的初恋？">我的初恋？</option>
						</select>
						<li>
							<input class="qanswer" type="text" placeholder="密码问题答案" style="margin-top:10px">
						</li>
						<li>
							<input class="yzm" type="text" placeholder="验证码" style="width:114px;margin-top:20px;">
						</li>
						<li style="margin:20px 0;">
							<input type="checkbox" style="width:13px;height: 13px;" checked><span> 我已看过并接受《<a
									href="javascript:;">用户协议</a>》</span>
						</li>
						<li>
							<div class="btn-form">同意协议并注册</div>
						</li>
						<li style="margin:20px 0">
							使用第三方帐号登录
						</li>
						<li>
							<a href="user.php?act=oath&type=qq" class="qq"></a>
							<a href="user.php?act=oath&type=weibo" class="weibo"></a>
							<a href="user.php?act=oath&type=alipay" class="zhifubao"></a>
							<a href="user.php?act=oath&type=weixin" class="weixin"></a>
						</li>
					</ul>
				</div>
			</div>
		</section>
	</div>
	<script src="../js/jquery-3.3.1.js"></script>
	<script src="../js/regist.js"></script>
</body>

</html>